<template>
  <div>
    <table class="table1">
      <tr >
        <td :rowspan="tableData.length">{{tableData[0].t1}}</td>
      </tr>
      <tr v-for="(item, index) in tableData" v-if="index !=0" :key="index">
        <td>{{item.t2}}</td>
        <td>{{item.t3}}</td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    name: 'page1-tab1',
    data () {
      return {
        tableData: [
          { t1: '陪测信息', t2: '服务器型号', t3: '百信恒山TS02F-F30' },
          { t1: '', t2: 'CPU型号', t3: 'Kunpeng 920 5251K' },
          { t1: '', t2: 'CPU主频', t3: '2.6GHz' },
          { t1: '', t2: 'CPU核数（单枚）', t3: '48' },
          { t1: '', t2: 'CPU路数', t3: '2' },
          { t1: '', t2: '内存总容量（GB）', t3: '128' },
          { t1: '', t2: '硬盘1类型', t3: 'SSD' },
          { t1: '', t2: '硬盘1单块容量', t3: '960GB' },
          { t1: '', t2: '硬盘1数量', t3: '2' },
          { t1: '', t2: '硬盘1总容量', t3: '960GB' },
          { t1: '', t2: '硬盘1总容量', t3: '960GB' },
          { t1: '', t2: '硬盘2类型', t3: 'HDD' },
          { t1: '', t2: '硬盘2单块容量', t3: '4TB' },
          { t1: '', t2: '硬盘2数量', t3: '4' },
          { t1: '', t2: '硬盘2总容量', t3: '16TB' },
          { t1: '', t2: '硬盘3类型', t3: 'SSD' },
          { t1: '', t2: '硬盘3单块容量',  t3:'3.2TB' },
          { t1: '', t2: '硬盘3数量', t3: '2' },
          { t1: '', t2: '硬盘3总容量', t3: '6.4TB' },
          { t1: '', t2: 'BIOS固件厂商', t3: '昆仑' },
          { t1: '', t2: 'BIOS固件版本', t3: 'V4.0' },
          { t1: '', t2: '操作系统', t3: '银河麒麟高级服务器操作系统V10' }
        ]
      }
    }
  }
</script>

<style scoped lang="scss">
.table1 {
  width: 100%;
  border-collapse: collapse;
  line-height: 30px;
  th,td{
    font-size: 16px;
    font-weight: normal;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255,.2);
  }
}
</style>
